<!DOCTYPE html>

<!-- 
	提高新手写代码效率的Emmet插件
	https://blog.csdn.net/m0_68052629/article/details/125896536
	
	快捷开发—emmet语法的使用方式
	https://blog.csdn.net/fengwei4618/article/details/77876225
-->
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- 输入 ul>li*5>span -->
		<ul>
			<li><span></span></li>
			<li><span></span></li>
			<li><span></span></li>
			<li><span></span></li>
			<li><span></span></li>
		</ul>

		<!-- 
			￥ 递增
			
			如果你想在你的ul里创建5个li，并且li里面的内容是从某个数字开始递增的话，可以在html里输入ul>li*5>{$}，按下tab就会生成。
		 -->
		<ul>
			<li>1</li>
			<li>2</li>
			<li>3</li>
			<li>4</li>
			<li>5</li>
		</ul>

		<!-- () 整体嵌套 
			如果在div中想写一个span和p的话，可以在html里输入div>(span+p)
		-->
		<div>
			<span></span>
			<p></p>
		</div>

		<!-- 
			div#(要命名的id) id
			div#name
		 -->
		<div id="name"></div>

		<!-- 
			{} 文本
			
			如果你想在你的div里写文本，可以在html里输入div{text}
		 -->
		<div>agrnogarg</div>

		<!-- 
			+ 同级
			
			如果想写一个div，下面跟着一个span，可以在html里输入div+span，按下tab就会生成。
		 -->
		<div></div>
		<span></span>

	</body>
</html>